<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>复习js</title>
    <style>
        #info{
            width: 300px;
            height: 500px;
            background-color: #bfa;
            overflow: auto;
        }
    </style>
    <script>
        window.onload=function () {
            //当垂直滚动条拉到底 且勾选按钮才能点击注册
            //onscroll该事件会在元素的滚动条滚动时触发
            var info=document.getElementById("info");
            var inputs=document.getElementsByTagName("input");
            info.onscroll=function () {
                //垂直滚动条是否滚动到底
                if (info.scrollHeight-info.scrollTop==info.clientHeight){
                    //滚动到滚动到底，使表单项可用
                    inputs[0].disabled=false;
                    inputs[1].disabled=false;
                }
            }

        }
    </script>
</head>
<body>
<script>
    /*disabled可以设置
    *
    * */
</script>
<h3>欢迎亲爱的用户注册</h3>
<p id="info">
    亲爱的用户，请仔细於堵以下协议,如果你不仔细阅读就别注册
    亲爱的用户，请仔细於堵以下协议,如果你不仔细阅读就别注册
    亲爱的用户，请仔细於堵以下协议,如果你不仔细阅读就别注册
    亲爱的用户，请仔细於堵以下协议,如果你不仔细阅读就别注册
    亲爱的用户，请仔细於堵以下协议,如果你不仔细阅读就别注册
    亲爱的用户，请仔细於堵以下协议,如果你不仔细阅读就别注册
    亲爱的用户，请仔细於堵以下协议,如果你不仔细阅读就别注册
    亲爱的用户，请仔细於堵以下协议,如果你不仔细阅读就别注册
    亲爱的用户，请仔细於堵以下协议,如果你不仔细阅读就别注册
    亲爱的用户，请仔细於堵以下协议,如果你不仔细阅读就别注册
    亲爱的用户，请仔细於堵以下协议,如果你不仔细阅读就别注册
    亲爱的用户，请仔细於堵以下协议,如果你不仔细阅读就别注册
    亲爱的用户，请仔细於堵以下协议,如果你不仔细阅读就别注册
    亲爱的用户，请仔细於堵以下协议,如果你不仔细阅读就别注册
    亲爱的用户，请仔细於堵以下协议,如果你不仔细阅读就别注册
    亲爱的用户，请仔细於堵以下协议,如果你不仔细阅读就别注册
    亲爱的用户，请仔细於堵以下协议,如果你不仔细阅读就别注册
    亲爱的用户，请仔细於堵以下协议,如果你不仔细阅读就别注册
    亲爱的用户，请仔细於堵以下协议,如果你不仔细阅读就别注册
    亲爱的用户，请仔细於堵以下协议,如果你不仔细阅读就别注册
    亲爱的用户，请仔细於堵以下协议,如果你不仔细阅读就别注册
    亲爱的用户，请仔细於堵以下协议,如果你不仔细阅读就别注册
    亲爱的用户，请仔细於堵以下协议,如果你不仔细阅读就别注册
    亲爱的用户，请仔细於堵以下协议,如果你不仔细阅读就别注册
    亲爱的用户，请仔细於堵以下协议,如果你不仔细阅读就别注册
    亲爱的用户，请仔细於堵以下协议,如果你不仔细阅读就别注册
    亲爱的用户，请仔细於堵以下协议,如果你不仔细阅读就别注册
    亲爱的用户，请仔细於堵以下协议,如果你不仔细阅读就别注册
    亲爱的用户，请仔细於堵以下协议,如果你不仔细阅读就别注册
    亲爱的用户，请仔细於堵以下协议,如果你不仔细阅读就别注册
    亲爱的用户，请仔细於堵以下协议,如果你不仔细阅读就别注册
    亲爱的用户，请仔细於堵以下协议,如果你不仔细阅读就别注册
    亲爱的用户，请仔细於堵以下协议,如果你不仔细阅读就别注册
    亲爱的用户，请仔细於堵以下协议,如果你不仔细阅读就别注册
    亲爱的用户，请仔细於堵以下协议,如果你不仔细阅读就别注册
    亲爱的用户，请仔细於堵以下协议,如果你不仔细阅读就别注册
    亲爱的用户，请仔细於堵以下协议,如果你不仔细阅读就别注册
    亲爱的用户，请仔细於堵以下协议,如果你不仔细阅读就别注册
    亲爱的用户，请仔细於堵以下协议,如果你不仔细阅读就别注册
    亲爱的用户，请仔细於堵以下协议,如果你不仔细阅读就别注册
    亲爱的用户，请仔细於堵以下协议,如果你不仔细阅读就别注册
    亲爱的用户，请仔细於堵以下协议,如果你不仔细阅读就别注册
</p>
<input type="checkbox" name="" id="" disabled="disabled">我已仔细阅读协议 我一定遵守
<input type="submit" id="submit" value="注册" disabled="disabled">
<!--如果单独为表单项添加disabled="disabled" 则表单项将变成不可用的状态-->
</body>
</html>